<template>
  <view :style="themeColor">
    <view class="page">
      <!---flex布局flex布局开始-->
      <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout">
        <view class='flex flex-wrap align-center justify-between marketPage_fd0_0' v-if=" type=='1'">
          <view class='flex flex-direction flex-wrap align-center marketPage_fd0_0_c1' @tap.stop="headSwitchFunc(4)">
            <image class='marketPage_fd0_0_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"91.png"'></image>
            <text class='marketPage_fd0_0_c1_c1'>行情资讯</text>
          </view>
          <view class='flex flex-wrap align-center justify-center marketPage_fd0_2_c2'>
            <view class='flex flex-direction flex-wrap align-center marketPage_fd0_2_c2_c0'>
              <image class='marketPage_fd0_0_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"94.png"'></image>
              <text class='marketPage_fd0_2_c2_c0_c1'>厂家涨落</text>
              <view class='flex flex-wrap align-center justify-center marketPage_fd0_0_c0_c0_c2'>
                <text class='marketPage_fd0_0_c0_c0_c2_c0'>免费</text>
              </view>
            </view>
          </view>
          <view class='flex flex-direction flex-wrap align-center marketPage_fd0_0_c2' @tap.stop="headSwitchFunc(3)">
            <image class='marketPage_fd0_0_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"92.png"'></image>
            <text class='marketPage_fd0_0_c1_c1'>晨间车辆</text>
            <view class='flex flex-wrap align-center justify-center marketPage_fd0_0_c0_c0_c2'>
              <text class='marketPage_fd0_0_c0_c0_c2_c0'>免费</text>
            </view>
          </view>
          <view class='flex flex-direction flex-wrap align-center marketPage_fd0_0_c1' @tap.stop="headSwitchFunc(2)">
            <image class='marketPage_fd0_0_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"90.png"'></image>
            <text class='marketPage_fd0_0_c1_c1'>全国厂家</text>
          </view>
        </view>
        <view class='flex flex-wrap align-center justify-between marketPage_fd0_0' v-if=" type=='2'">
          <view class='flex flex-direction flex-wrap align-center marketPage_fd0_0_c1' @tap.stop="headSwitchFunc(4)">
            <image class='marketPage_fd0_0_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"91.png"'></image>
            <text class='marketPage_fd0_0_c1_c1'>行情资讯</text>
          </view>
          <view class='flex flex-direction flex-wrap align-center marketPage_fd0_0_c2' @tap.stop="headSwitchFunc(1)">
            <image class='marketPage_fd0_0_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"96.png"'></image>
            <text class='marketPage_fd0_0_c1_c1'>厂家涨落</text>
            <view class='flex flex-wrap align-center justify-center marketPage_fd0_0_c0_c0_c2'>
              <text class='marketPage_fd0_0_c0_c0_c2_c0'>免费</text>
            </view>
          </view>
          <view class='flex flex-direction flex-wrap align-center marketPage_fd0_0_c2' @tap.stop="headSwitchFunc(3)">
            <image class='marketPage_fd0_0_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"92.png"'></image>
            <text class='marketPage_fd0_0_c1_c1'>晨间车辆</text>
            <view class='flex flex-wrap align-center justify-center marketPage_fd0_0_c0_c0_c2'>
              <text class='marketPage_fd0_0_c0_c0_c2_c0'>免费</text>
            </view>
          </view>
          <view class='flex flex-wrap align-center justify-center marketPage_fd0_1_c1'>
            <view class='flex flex-direction flex-wrap align-center marketPage_fd0_1_c1_c0'>
              <image class='marketPage_fd0_0_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"98.png"'></image>
              <text class='marketPage_fd0_0_c0_c0_c1'>全国厂家</text>
            </view>
          </view>
        </view>
        <view class='flex flex-wrap align-center justify-between marketPage_fd0_0' v-if=" type=='3'">
          <view class='flex flex-direction flex-wrap align-center marketPage_fd0_0_c1' @tap.stop="headSwitchFunc(4)">
            <image class='marketPage_fd0_0_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"91.png"'></image>
            <text class='marketPage_fd0_0_c1_c1'>行情资讯</text>
          </view>
          <view class='flex flex-direction flex-wrap align-center marketPage_fd0_0_c2' @tap.stop="headSwitchFunc(1)">
            <image class='marketPage_fd0_0_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"96.png"'></image>
            <text class='marketPage_fd0_0_c1_c1'>厂家涨落</text>
            <view class='flex flex-wrap align-center justify-center marketPage_fd0_0_c0_c0_c2'>
              <text class='marketPage_fd0_0_c0_c0_c2_c0'>免费</text>
            </view>
          </view>
          <view class='flex flex-wrap align-center justify-center marketPage_fd0_2_c2'>
            <view class='flex flex-direction flex-wrap align-center marketPage_fd0_2_c2_c0'>
              <image class='marketPage_fd0_0_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"99.png"'></image>
              <text class='marketPage_fd0_2_c2_c0_c1'>晨间车辆</text>
              <view class='flex flex-wrap align-center justify-center marketPage_fd0_0_c0_c0_c2'>
                <text class='marketPage_fd0_0_c0_c0_c2_c0'>免费</text>
              </view>
            </view>
          </view>
          <view class='flex flex-direction flex-wrap align-center marketPage_fd0_0_c1' @tap.stop="headSwitchFunc(2)">
            <image class='marketPage_fd0_0_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"90.png"'></image>
            <text class='marketPage_fd0_0_c1_c1'>全国厂家</text>
          </view>
        </view>
        <view class='flex flex-wrap align-center justify-between' v-if=" type=='4'">
          <view class='flex flex-wrap align-center justify-center marketPage_fd0_3_c3'>
            <view class='flex flex-direction flex-wrap align-center'>
              <image class='marketPage_fd0_0_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"102.png"'></image>
              <text class='marketPage_fd0_0_c0_c0_c1'>行情资讯</text>
            </view>
          </view>
          <view class='flex flex-direction flex-wrap align-center marketPage_fd0_0_c2' @tap.stop="headSwitchFunc(1)">
            <image class='marketPage_fd0_0_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"96.png"'></image>
            <text class='marketPage_fd0_0_c1_c1'>厂家涨落</text>
            <view class='flex flex-wrap align-center justify-center marketPage_fd0_0_c0_c0_c2'>
              <text class='marketPage_fd0_0_c0_c0_c2_c0'>免费</text>
            </view>
          </view>
          <view class='flex flex-direction flex-wrap align-center marketPage_fd0_0_c2' @tap.stop="headSwitchFunc(3)">
            <image class='marketPage_fd0_0_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"92.png"'></image>
            <text class='marketPage_fd0_0_c1_c1'>晨间车辆</text>
            <view class='flex flex-wrap align-center justify-center marketPage_fd0_0_c0_c0_c2'>
              <text class='marketPage_fd0_0_c0_c0_c2_c0'>免费</text>
            </view>
          </view>
          <view class='flex flex-direction flex-wrap align-center marketPage_fd0_0_c1' @tap.stop="headSwitchFunc(2)">
            <image class='marketPage_fd0_0_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"90.png"'></image>
            <text class='marketPage_fd0_0_c1_c1'>全国厂家</text>
          </view>
        </view>
      </view>

      <!---flex布局flex布局结束-->
      <!---flex布局flex布局开始-->
      <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout marketPage_flex_1" v-if=" type=='1'">
        <view class='flex justify-center flex-wrap align-center'>
          <view>
            <benben-flex-tabs class-name='marketPage_benbenTabsfd1_0_c0' v-model="type_one" ref="benben_tabsfd1_0_c0"
              select-mark="benben_tabsfd1_0_c0" key="benben_tabsfd1_0_c0" :open-title-type='false' :open-sticky='false'
              :top='0' :is-show-content='false' :scrollspy='false' :tabs-info.sync="tabsInfofd1_0_c0">

              <scroll-view @scroll="tabsInfofd1_0_c0.scrollX = $event.detail.scrollLeft" id="benben_tabsfd1_0_c0"
                class="benben-tabs" style="width:700rpx" :scroll-x="true" :scroll-left.sync="tabsInfofd1_0_c0.moveX"
                scroll-with-animation="all .3s ease">
                <view class="benben-tabs-content" id="benben_tabsfd1_0_c0-content">
                  <view id="benben_tabsfd1_0_c0-title" class="benben-tabs-title flex flex align-center justify-around">
                    <view :class="{ 'checkTitlefd1_0_c0': type_one == '1', 'flex flex-wrap align-center': true }"
                      @tap="searchType_one('1')" :id="`benben_tabsfd1_0_c0-title-item-${'1'}`">

                      <text>玉米厂家报价</text>

                    </view>
                    <view :class="{ 'checkTitlefd1_0_c0': type_one == '2', 'flex flex-wrap align-center': true }"
                      @tap="searchType_one('2')" :id="`benben_tabsfd1_0_c0-title-item-${'2'}`">

                      <text>小麦厂家报价</text>

                    </view>
                  </view>
                  <view :style="{ left: tabsInfofd1_0_c0.lineleft, maxWidth: tabsInfofd1_0_c0.lineWidth ,}"
                    id="benben_tabsfd1_0_c0-line"
                    class="benben-tabs-line flex benben-flex-tabs-line marketPage_linefd1_0_c0"></view>
                </view>
              </scroll-view>

              <!-- <view class='flex flex-wrap align-center marketPage_rightfd1_0_c0_c0'>
                <image class='marketPage_rightfd1_0_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"89.png"'
                  @tap.stop="popupShow1706716365554=true"></image>
              </view> -->

            </benben-flex-tabs>

          </view>
        </view>
        <view class='flex flex-wrap align-center justify-between marketPage_fd1_1'>
          <view class='flex flex-wrap align-center justify-center marketPage_fd1_1_c0'>
            <image class='marketPage_fd1_1_c0_c0' mode="aspectFit" :src='STATIC_URL+"86.png"'></image>
            <view class='flex flex-wrap align-end'>
              <text class='marketPage_fd1_1_c0_c1_c0'>{{zhang_num}}</text>
              <text class='marketPage_fd1_1_c0_c1_c1'>家</text>
            </view>
            <image class='marketPage_fd1_1_c0_c2' mode="aspectFit" :src='STATIC_URL+"85.png"'></image>
          </view>
          <view class='flex flex-wrap align-center justify-center marketPage_fd1_1_c0'>
            <image class='marketPage_fd1_1_c0_c0' mode="aspectFit" :src='STATIC_URL+"87.png"'></image>
            <view class='flex flex-wrap align-end'>
              <text class='marketPage_fd1_1_c0_c1_c0'>{{die_num}}</text>
              <text class='marketPage_fd1_1_c0_c1_c1'>家</text>
            </view>
            <image class='marketPage_fd1_1_c0_c2' mode="aspectFit" :src='STATIC_URL+"88.png"'></image>
          </view>
        </view>
        <view class='flex flex-direction align-stretch marketPage_fd1_2'>
          <view class='flex flex-wrap align-start justify-between marketPage_fd1_2_c0'>
            <text class='marketPage_fd1_2_c0_c0' style="width: 200rpx;text-align: center;">厂家名称</text>
            <view class='marketPage_fd1_2_c0_c1_c0' style="width: 80rpx;text-align: center;">品种</view>
            <view class='marketPage_fd1_2_c0_c1_c1' style="width: 100rpx;text-align: center;">收购价</view>
            <view class='marketPage_fd1_2_c0_c1_c2' style="width: 80rpx;text-align: center;">涨落</view>
            <view class='marketPage_fd1_2_c0_c0' style="width: 80rpx;text-align: center;">详情</view>

          </view>
          <view class='flex align-center marketPage_fd1_2_c1' @tap.stop="handleJumpDiy" data-type="navigateTo"
            v-for="(item,index) in dataList" :key="index"
            :data-url="`/pages/shouye/manufacturerDetails/manufacturerDetails?aid=${item.aid}`">
            <view class='flex flex-direction flex-wrap align-center' style="width: 200rpx;text-align: center;">
              <text class='marketPage_fd1_2_c1_c0_c0'>{{item.firm_mingcheng}}</text>
              <text class='marketPage_fd1_2_c1_c0_c1'>{{item.chengshi_area}}</text>
            </view>
            <view class='marketPage_fd1_2_c1_c1' style="width: 140rpx;text-align: center;">{{item.firmkind_mingcheng}}
            </view>
            <view class='marketPage_fd1_2_c1_c1' style="width: 160rpx;text-align: center;">{{item.shougoujiage}}</view>
            <view class='flex flex-wrap align-center marketPage_fd1_2_c1_c2' style="width: 80rpx;text-align: center;">
              <image class='marketPage_fd1_2_c1_c2_c0' v-if="item.zhangluo=='1'" mode="aspectFit"
                :src='STATIC_URL+"60.png"'>
              </image>
              <image class='marketPage_fd1_2_c1_c2_c0' v-if="item.zhangluo=='-1'" mode="aspectFit"
                :src='STATIC_URL+"59.png"'></image>
              <text :class="item.zhangluo==1 ? 'marketPage_fd1_2_c2_c2_c1' :
                item.zhangluo==-1 ? 'marketPage_fd1_2_c1_c2_c1' : ''">{{item.zhangluo_num }}厘</text>
            </view>
            <image class='marketPage_fd1_2_c1_c3' style="width: 80rpx;text-align: center;" mode="aspectFit"
              :src='STATIC_URL+"58.png"'></image>
          </view>
        </view>
        <fu-empty-ui v-if="dataList.length==0"></fu-empty-ui>
      </view>

      <!---flex布局flex布局结束-->
      <!---flex布局flex布局开始-->
      <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout marketPage_flex_2" v-if=" type=='2'">
        <view class='flex flex-wrap align-center justify-between marketPage_fd2_0'>
          <text class='marketPage_fd2_0_c0'>欢迎洛阳张老板加入惠找粮</text>
          <image class='marketPage_fd2_0_c1' mode="aspectFit" :src='STATIC_URL+"7.png"'></image>
        </view>
        <view class='flex flex-wrap justify-center align-center'>
          <view>
            <benben-flex-tabs class-name='marketPage_benbenTabsfd2_1_c0' v-model="type_two" ref="benben_tabsfd2_1_c0"
              select-mark="benben_tabsfd2_1_c0" key="benben_tabsfd2_1_c0" :open-title-type='false' :open-sticky='true'
              @change="getList()" :top='0' :is-show-content='false' :scrollspy='false'
              :tabs-info.sync="tabsInfofd2_1_c0">

              <scroll-view @scroll="tabsInfofd2_1_c0.scrollX = $event.detail.scrollLeft" id="benben_tabsfd2_1_c0"
                class="benben-tabs" style="width:750rpx" :scroll-x="true" :scroll-left.sync="tabsInfofd2_1_c0.moveX"
                scroll-with-animation="all .3s ease">
                <view class="benben-tabs-content" id="benben_tabsfd2_1_c0-content">
                  <view id="benben_tabsfd2_1_c0-title" class="benben-tabs-title flex flex align-center justify-around">
                    <view :class="{ 'checkTitlefd2_1_c0': type_two == '2', 'flex flex-wrap align-center': true }"
                      @tap="type_two = '2'" :id="`benben_tabsfd2_1_c0-title-item-${'2'}`">

                      <text>小麦厂家</text>

                    </view>
                    <view :class="{ 'checkTitlefd2_1_c0': type_two == '1', 'flex flex-wrap align-center': true }"
                      @tap="type_two = '1'" :id="`benben_tabsfd2_1_c0-title-item-${'1'}`">

                      <text>玉米厂家</text>

                    </view>
                  </view>
                  <view :style="{ left: tabsInfofd2_1_c0.lineleft, maxWidth: tabsInfofd2_1_c0.lineWidth ,}"
                    id="benben_tabsfd2_1_c0-line"
                    class="benben-tabs-line flex benben-flex-tabs-line marketPage_linefd2_1_c0"></view>
                </view>
              </scroll-view>

            </benben-flex-tabs>

          </view>
        </view>
        <view class='flex flex-wrap align-center justify-between marketPage_fd2_2'>
          <view class='flex flex-wrap align-center'>
            <text class='marketPage_fd2_2_c0_c0'>省份</text>
            <text class='marketPage_fd2_2_c0_c1'>厂家名称</text>
          </view>
          <view class='flex flex-wrap align-center'>
            <text class='marketPage_fd2_2_c1_c0'>价格</text>
            <text class='marketPage_fd2_2_c1_c0'>涨落</text>
            <text class='marketPage_fd2_2_c1_c0'>详情</text>
          </view>
        </view>
        <view class='flex flex-wrap align-center marketPage_fd2_3' v-for="(item,index) in dataList">
          <view class='flex flex-wrap align-center marketPage_fd2_3_c0'>
            <text class='marketPage_fd2_3_c0_c0'>{{item.chengshi}}</text>
          </view>
          <view class='flex flex-direction flex-wrap align-stretch flex-sub'>
            <view class='flex flex-wrap align-center marketPage_fd2_3_c1_c0' v-for="(itemC,indexC) in item.list"
              @tap.stop="handleJumpDiy" data-type="navigateTo"
              :data-url="`/pages/shouye/manufacturerDetails/manufacturerDetails?aid=${itemC.aid}`" :key="indexC">
              <view class='flex flex-direction flex-wrap align-start' style="width: 250rpx;">
                <text class='marketPage_fd2_3_c1_c0_c0_c0'>{{itemC.firm_mingcheng}}</text>
                <text class='marketPage_fd2_3_c1_c0_c0_c1'>{{itemC.chengshi_area}}</text>
              </view>
              <view class='marketPage_fd2_3_c1_c0_c1' style="width: 90rpx;text-align: center;">{{itemC.shougoujiage}}
              </view>
              <view class='flex flex-wrap align-center marketPage_fd2_3_c1_c0_c2'
                style="width: 100rpx;text-align: center;">
                <view v-if="!itemC.zhangluo">
                  <image class='marketPage_fd2_3_c1_c0_c2_c0' mode="aspectFit" :src='STATIC_URL+"59.png"'></image>
                  <text class='marketPage_fd2_3_c1_c0_c2_c1'>{{itemC.zhangluo_num}}</text>
                </view>
                <view v-if="itemC.zhangluo">
                  <image class='marketPage_fd2_3_c1_c0_c2_c0' mode="aspectFit" :src='STATIC_URL+"60.png"'></image>
                  <text class='marketPage_fd2_3_c1_c2_c2_c1'>{{itemC.zhangluo_num}}</text>
                </view>
              </view>
              <image class='marketPage_fd2_3_c1_c0_c3' mode="aspectFit" :src='STATIC_URL+"58.png"'></image>
            </view>
          </view>
        </view>
        <view class='flex flex-wrap align-center justify-between marketPage_fd2_4' @tap.stop="handleJumpDiy"
          data-type="navigateTo" :data-url="`/pages/shouye/IntelligentFood/IntelligentFood`">
          <!--   <view class='flex flex-direction flex-wrap align-stretch flex-sub'>
            <image class='marketPage_fd2_4_c0_c0' mode="aspectFit" :src='STATIC_URL+"41.png"'></image>
            <view class='flex flex-wrap align-center marketPage_fd2_4_c0_c1'>
              <image class='marketPage_fd2_4_c0_c1_c0' mode="aspectFit" :src='STATIC_URL+"42.png"'></image>
              <text class='marketPage_fd2_4_c0_c1_c1'>自动匹配全国货源，找粮更快！</text>
            </view>
          </view>
          <button class='marketPage_fd2_4_c1'>智能找粮</button> -->
        </view>
        <fu-empty-ui v-if="dataList.length==0"></fu-empty-ui>
      </view>

      <!---flex布局flex布局结束-->
      <!---flex布局flex布局开始-->
      <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout marketPage_flex_3" v-if=" type=='3'">
        <view class='flex flex-direction flex-wrap align-stretch marketPage_fd3_0'>
          <view class='flex flex-wrap align-center'>
            <text class='marketPage_fd3_0_c0_c0'>{{title}}</text>
          </view>
          <view class='flex flex-wrap align-center marketPage_fd3_0_c1'>
            <text class='marketPage_fd3_0_c1_c0'>统计时间：</text>
            <text class='marketPage_fd3_0_c1_c0'>{{create_time}}</text>
            <image class='marketPage_fd3_0_c1_c2' mode="aspectFit" :src='STATIC_URL+"61.png"'
              @tap.stop="popupShow1706716365554=true"></image>
          </view>
          <view class='flex flex-wrap align-center justify-between marketPage_fd3_0_c2'>
            <text class='marketPage_fd3_0_c2_c0'>厂家名称</text>
            <text class='marketPage_fd3_0_c2_c1'>昨日</text>
            <text class='marketPage_fd3_0_c2_c2'>今日</text>
            <text class='marketPage_fd3_0_c2_c2'>增减</text>
            <text class='marketPage_fd3_0_c2_c2'>详情</text>
          </view>
          <view class='flex flex-wrap align-center justify-between marketPage_fd3_0_c3' @click="openpoP(heji)">
            <text class='marketPage_fd3_0_c3_c0'>合计</text>
            <text class='marketPage_fd3_0_c3_c1'>{{heji.zuori}}</text>
            <text class='marketPage_fd3_0_c3_c2'>{{heji.jinri}}</text>
            <view class='flex flex-wrap align-center justify-center marketPage_fd3_0_c3_c3'>
              <image class='marketPage_fd3_0_c3_c3_c0' mode="aspectFit" v-if="heji.zengjian==1"
                :src='STATIC_URL+"60.png"'>
              </image>
              <image class='marketPage_fd3_0_c3_c3_c0' mode="aspectFit" v-if="heji.zengjian=='-1'"
                :src='STATIC_URL+"59.png"'>
              </image>
              <text
                :class="heji.zengjian==1 ?'marketPage_fd3_1_c1_c3_c1' :'marketPage_fd3_0_c3_c3_c1'">{{heji.num}}</text>
            </view>
            <image class='marketPage_fd3_0_c3_c4' mode="aspectFit" :src='STATIC_URL+"58.png"'></image>
          </view>
        </view>
        <view class='flex flex-direction flex-wrap align-stretch marketPage_fd3_1'>
          <view class='flex flex-wrap align-center justify-between marketPage_fd3_1_c0' v-for="(item,index) in dataList"
            @click.stop="openpoP(item)" :key="index">
            <text class='marketPage_fd3_1_c0_c0'>{{item.name}}</text>
            <text class='marketPage_fd3_0_c3_c1'>{{item.zuori}}</text>
            <text class='marketPage_fd3_0_c3_c2'>{{item.jinri}}</text>
            <view class='flex flex-wrap align-center justify-center marketPage_fd3_0_c3_c3'>
              <image class='marketPage_fd3_0_c3_c3_c0' v-if="item.zengjian==1" mode="aspectFit"
                :src='STATIC_URL+"59.png"'>
              </image>
              <image class='marketPage_fd3_0_c3_c3_c0' v-if="item.zengjian=='-1'" mode="aspectFit"
                :src='STATIC_URL+"59.png"'>
              </image>
              <text
                :class="item.zengjian==1 ?'marketPage_fd3_1_c1_c3_c1' :'marketPage_fd3_0_c3_c3_c1'">{{item.num}}</text>
            </view>
            <image class='marketPage_fd3_0_c3_c4' mode="aspectFit" :src='STATIC_URL+"58.png"'></image>
          </view>

        </view>
        <fu-empty-ui v-if="dataList.length==0"></fu-empty-ui>
      </view>

      <!---flex布局flex布局结束-->
      <!---flex布局flex布局开始-->
      <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout marketPage_flex_4" v-if=" type=='4'">
        <view class='flex flex-wrap align-center'>
          <view>
            <benben-flex-tabs class-name='marketPage_benbenTabsfd4_0_c0' v-model="type_four" ref="benben_tabsfd4_0_c0"
              select-mark="benben_tabsfd4_0_c0" key="benben_tabsfd4_0_c0" :open-title-type='false' :open-sticky='false'
              :top='0' :is-show-content='false' :scrollspy='false' :tabs-info.sync="tabsInfofd4_0_c0">

              <scroll-view @scroll="tabsInfofd4_0_c0.scrollX = $event.detail.scrollLeft" id="benben_tabsfd4_0_c0"
                class="benben-tabs" style="width:750rpx" :scroll-x="true" :scroll-left.sync="tabsInfofd4_0_c0.moveX"
                scroll-with-animation="all .3s ease">
                <view class="benben-tabs-content" id="benben_tabsfd4_0_c0-content">
                  <view id="benben_tabsfd4_0_c0-title" class="benben-tabs-title flex flex align-center justify-around">
                    <view style="margin: 0 24rpx;"
                      :class="{ 'checkTitlefd4_0_c0': type_four ==item.aid, 'flex flex-wrap align-center': true }"
                      v-for="(item,index) in typeList" :key="index" @tap="choosetype(item)"
                      :id="`benben_tabsfd4_0_c0-title-item-${item.aid}`">

                      <text>{{item.mingcheng}}</text>

                    </view>
                    <!--         <view :class="{ 'checkTitlefd4_0_c0': type_four == '2', 'flex flex-wrap align-center': true }"
                      @tap="type_four = '2'" :id="`benben_tabsfd4_0_c0-title-item-${'2'}`">

                      <text>粮贸天气</text>

                    </view>
                    <view :class="{ 'checkTitlefd4_0_c0': type_four == '3', 'flex flex-wrap align-center': true }"
                      @tap="type_four = '3'" :id="`benben_tabsfd4_0_c0-title-item-${'3'}`">

                      <text>拍卖信息</text>

                    </view>
                    <view :class="{ 'checkTitlefd4_0_c0': type_four == '4', 'flex flex-wrap align-center': true }"
                      @tap="type_four = '4'" :id="`benben_tabsfd4_0_c0-title-item-${'4'}`">

                      <text>基层调研</text>

                    </view> -->
                  </view>
                  <view :style="{ left: tabsInfofd4_0_c0.lineleft, maxWidth: tabsInfofd4_0_c0.lineWidth ,}"
                    id="benben_tabsfd4_0_c0-line"
                    class="benben-tabs-line flex benben-flex-tabs-line marketPage_linefd4_0_c0"></view>
                </view>
              </scroll-view>
            </benben-flex-tabs>

          </view>
        </view>
        <view class='flex flex-direction flex-wrap align-stretch marketPage_fd4_1'>
          <view class='flex flex-direction flex-wrap align-stretch marketPage_fd4_1_c0'
            @tap.stop=" goConsultation(item)" v-for="(item,index) in dataList" :key="index" data-type="navigateTo"
            :data-url="`/pages/market/marketConsultation/marketConsultation?aid=${item.aid}`">
            <view class='flex flex-wrap align-center'>
              <view class='flex flex-wrap align-center marketPage_fd4_1_c0_c0_c0'>
                <view class=" marketPage_fd4_1_c0_c0_c0_c0">
                  {{item.biaoqian}}
                </view>
                <!-- <image class='marketPage_fd4_1_c0_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"38.png"'></image> -->
                <image class='marketPage_fd4_1_c0_c0_c0_c1' mode="aspectFill" :src='item.fengmian'></image>
              </view>
              <view class='flex flex-direction flex-wrap align-stretch flex-sub'>
                <view class='flex flex-wrap align-center'>

                  <text class='marketPage_fd4_1_c0_c0_c1_c0_c1'>

                    <view class="text-cut-2">
                      <image class='marketPage_fd4_1_c0_c0_c1_c0_c0' v-if="item.shifouVIP!=1" mode="aspectFill"
                        :src='STATIC_URL+"39.png"'></image>{{item.mingcheng}}
                    </view>
                  </text>
                </view>
                <view class='flex flex-wrap align-center marketPage_fd4_1_c0_c0_c1_c1'>
                  <view class='text-cut-2 marketPage_fd4_1_c0_c0_c1_c1_c0'>
                    <text>{{item.jianjie}}</text>
                    <!-- <text class="marketPage_fd4_1_c0_c0_c1_c1_c1">[详情]</text> -->
                  </view>
                  <!-- <view class='marketPage_fd4_1_c0_c0_c1_c1_c1'>[详情]</view> -->
                </view>
              </view>
            </view>
            <view class='flex flex-wrap align-center marketPage_fd4_1_c0_c1'>
              <text class='marketPage_fd4_1_c0_c1_c0'>{{item.create_time}}</text>
              <text class='marketPage_fd4_1_c0_c1_c1'>{{item.yueduliang}}</text>
              <text class='marketPage_fd4_1_c0_c1_c1'>次阅读</text>
            </view>
          </view>
          <fu-empty-ui v-if="dataList.length==0"></fu-empty-ui>
        </view>

      </view>

      <!---flex布局flex布局结束-->
      <benben-popup v-model="popupShow1706716365554" :mask="true" :mask-close-able="true" mode='bottom' :z-index='999'>
        <!---flex布局flex布局开始-->
        <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout marketPage_flex_5">
          <view class='flex flex-direction flex-wrap align-stretch marketPage_fd5_0'>
            <view class='flex flex-wrap align-center justify-between marketPage_fd5_0_c0'>
              <view class='flex flex-wrap align-center marketPage_fd5_0_c0_c0'>
              </view>
              <view class='flex flex-wrap align-center'>
                <image class='marketPage_fd5_0_c0_c1_c0' mode="aspectFit" :src='STATIC_URL+"21.png"'></image>
                <text class='marketPage_fd5_0_c0_c1_c1'>分享到</text>
                <image class='marketPage_fd5_0_c0_c1_c0' mode="aspectFit" :src='STATIC_URL+"22.png"'></image>
              </view>
              <image class='marketPage_fd5_0_c0_c2' mode="aspectFit" :src='STATIC_URL+"83.png"'
                @tap.stop="popupShow1706716365554=false"></image>
            </view>
            <view class='flex flex-wrap align-center justify-around marketPage_fd5_0_c1'>
              <view class='flex flex-direction flex-wrap align-center' @click.stop="shareApp('1')">
                <image class='marketPage_fd5_0_c1_c0_c0' mode="aspectFit" :src='STATIC_URL+"23.png"'></image>
                <text class='marketPage_fd5_0_c1_c0_c1'>微信好友</text>
              </view>
              <view class='flex flex-direction flex-wrap align-center' @click.stop="shareApp('2')">
                <image class='marketPage_fd5_0_c1_c0_c0' mode="aspectFit" :src='STATIC_URL+"84.png"'></image>
                <text class='marketPage_fd5_0_c1_c0_c1'>朋友圈</text>
              </view>
              <!--  <view class='flex flex-direction flex-wrap align-center'>
                <image class='marketPage_fd5_0_c1_c0_c0' mode="aspectFit" :src='STATIC_URL+"173.png"'></image>
                <text class='marketPage_fd5_0_c1_c0_c1'>截图</text>
              </view> -->
            </view>
          </view>
        </view>

        <!---flex布局flex布局结束-->

      </benben-popup>
      <!---flex布局flex布局开始-->
      <view class="flex benben-flex-layout flex-wrap align-center marketPage_flex_6" v-if=" type=='3'"
        @tap.stop="popupShow1706716365554=true">
        <image class='marketPage_fd6_0' mode="aspectFit" :src='STATIC_URL+"100.png"'></image>
      </view>

      <!---flex布局flex布局结束-->

      <benben-popup v-model="isstatistics" :mask="true" :mask-close-able="true" mode='center' :z-index='999'>
        <view class="bg-white padding-sm container-static">
          <view>
            <view class="text-333 text-lg">{{titledesc}} </view>
          </view>
          <view class="flex text-999 text-sm margin-tb-sm justify-between">
            <view class="">晨间车辆走势</view>
            <view class="" style="color: rgb(37, 104, 174);">合计数量：{{numedesc}}</view>
          </view>
          <view class="">
            <canvas canvas-id="WvpIxulXgLNnqmAtUxFkdMKmeYqcnOTy" id="WvpIxulXgLNnqmAtUxFkdMKmeYqcnOTy" class="charts"
              @touchstart="touchstart" @touchmove="touchmove" @touchend="touchend" />
          </view>
        </view>
      </benben-popup>

    </view>
    <fuTabbr :intopath="intopath"></fuTabbr>
  </view>
</template>
<script>
  import uCharts from '@/uni_modules/qiun-data-charts/js_sdk/u-charts/u-charts.js';
  var uChartsInstance = {};
  import pagingList from '@/common/mixin/paging_list.js';
  import fuTabbr from '@/components/tabbar/tabbar.vue'
  export default {
    components: {
      fuTabbr
    },
    mixins: [pagingList],

    data() {
      return {
        intopath: 3,
        titledesc: '',
        numedesc: '',
        "popupShow1706716365554": false,
        "tabsInfofd4_0_c0": {
          lineleft: '',
          lineWidth: '',
          moveX: 0,
          scrollX: 0,
          PageScrollX: 0
        },
        "tabsInfofd2_1_c0": {
          lineleft: '',
          lineWidth: '',
          moveX: 0,
          scrollX: 0,
          PageScrollX: 0
        },
        "tabsInfofd1_0_c0": {
          lineleft: '',
          lineWidth: '',
          moveX: 0,
          scrollX: 0,
          PageScrollX: 0
        },
        "type_one": "1",
        "type_two": "2",
        "type_four": "1",
        "type": "1",
        "minixPagingListsApi": "",
        "pageingListApiMethod": "",
        "allowOnloadGetList": false,
        dataList: [],
        typeList: [],
        heji: {
          jinri: 0,
          zengjian: 0,
          zuori: 0,
        },
        city: '',
        create_time: '',
        title: '',
        isstatistics: false,
        die_num: '',
        zhang_num: ''
      };
    },
    computed: {
      themeColor() {
        return this.$store.getters.themeColor
      },

    },
    watch: {},
    onLoad(options) {
      // let {
      //   type
      // } = options
      // if (type !== undefined) this.type = type
      this.getTj()
      this.gettype()
    },
    onUnload() {

    },
    onReady() {
      //这里的 750 对应 css .charts 的 width
      this.cWidth = uni.upx2px(600);
      //这里的 500 对应 css .charts 的 height
      this.cHeight = uni.upx2px(500);
    },
    onShow() {
      if (uni.getStorageSync('typess')) {
        this.type = uni.getStorageSync('typess')
        console.log('111', this.type)
      } else {
        this.type = '1'
      }
      this.type_two = '2'
      this.getList()
    },
    onHide() {

    },
    onResize() {

    },
    onPullDownRefresh() {

    },
    onReachBottom(e) {

    },
    onPageScroll(e) {

    },
    methods: {
      goConsultation(item) {
        if (item.shifouVIP == 1) {
          uni.navigateTo({
            url: `/pages/market/marketConsultation/marketConsultation?aid=${item.aid}`
          })
        } else {
          if (item.is_vip) {
            uni.navigateTo({
              url: `/pages/market/marketConsultation/marketConsultation?aid=${item.aid}`
            })
          } else {
            this.$message.info('请前往充值会员')
            setTimeout(res => {
              uni.navigateTo({
                url: `/pages/wode/rurchaseMembership/rurchaseMembership`
              })
            }, 500)
          }
        }
      },
      shareApp(type) {
        let that = this
        let provider = ''
        let scene = ''
        if (type == 1) {
          provider = 'weixin'
          scene = 'WXSceneSession'
        } else if (type == 2) {
          provider = 'weixin'
          scene = 'WXSenceTimeline'
        }
        console.log('provider', provider, scene, that.url)
        uni.share({
          provider: provider,
          scene: scene,
          type: '0',
          imageUrl: '/static/logo.png',
          title: '惠找粮',
          href: that.url,
          success: function(res) {
            console.log('22222')
            console.log("success:" + JSON.stringify(res));
          },
          fail: function(err) {
            console.log("fail:" + JSON.stringify(err));
          }
        });
      },
      openpoP(item) {
        // let res = {
        //   categories: ["2018", "2019", "2020", "2021", "2022", "2023"],
        //   series: [{
        //       name: "成交量A",
        //       data: [35, 8, 25, 37, 4, 20]
        //     },
        //     {
        //       name: "成交量B",
        //       data: [70, 40, 65, 100, 44, 68]
        //     },
        //     {
        //       name: "成交量C",
        //       data: [100, 80, 95, 150, 112, 132]
        //     }
        //   ]
        // };
        // // this.isstatistics = true
        // this.drawCharts('WvpIxulXgLNnqmAtUxFkdMKmeYqcnOTy', res);
        // this.isstatistics = true
        // return;
        this.titledesc = item.name
        this.numedesc = item.jinri
        console.log('ooooo', item)
        uni.showLoading({
          title: '加载中...',
        })
        this.$api.post(global.apiUrls.post65d830e35cdcb, {
          aid: item.aid
        }).then(res => {
          if (res.data.code == 1) {
            console.log(res.data.data)

            setTimeout(rs => {
              this.drawCharts('WvpIxulXgLNnqmAtUxFkdMKmeYqcnOTy', res.data.data, false);
              // 获取图像
              this.isstatistics = true
            }, 10)

          }
        })

      },
      // 统计图
      touchstart(e) {
        uChartsInstance[e.target.id].scrollStart(e);
      },
      touchmove(e) {
        uChartsInstance[e.target.id].scroll(e);
      },
      touchend(e) {
        uChartsInstance[e.target.id].scrollEnd(e);
        uChartsInstance[e.target.id].touchLegend(e);
        uChartsInstance[e.target.id].showToolTip(e);
      },
      drawCharts(id, data, dataLabel) {
        console.log('res', data)
        uni.hideLoading()
        const ctx = uni.createCanvasContext(id, this);
        uChartsInstance[id] = new uCharts({
          type: "line",
          context: ctx,
          width: this.cWidth,
          height: this.cHeight,
          categories: data.categories,
          series: data.series,
          animation: true,
          timing: "easeOut",
          duration: 1000,
          rotate: false,
          rotateLock: false,
          background: "#FFFFFF",
          color: ["#1890FF", "#91CB74", "#FAC858", "#EE6666", "#73C0DE", "#3CA272", "#FC8452", "#9A60B4",
            "#ea7ccc"
          ],
          padding: [15, 10, 0, 15],
          fontSize: 13,
          fontColor: "#333333",
          dataLabel: dataLabel,
          dataPointShape: true,
          dataPointShapeType: "solid",
          touchMoveLimit: 60,
          enableScroll: true,
          enableMarkLine: false,
          legend: {
            show: true,
            position: "bottom",
            float: "center",
            padding: 5,
            margin: 5,
            backgroundColor: "rgba(0,0,0,0)",
            borderColor: "rgba(0,0,0,0)",
            borderWidth: 0,
            fontSize: 13,
            fontColor: "#333333",
            lineHeight: 11,
            hiddenColor: "#CECECE",
            itemGap: 10
          },
          xAxis: {
            disableGrid: false,
            disabled: false,
            axisLine: false,
            axisLineColor: "#CCCCCC",
            calibration: false,
            fontColor: "#333333",
            fontSize: 13,
            lineHeight: 20,
            marginTop: 0,
            rotateLabel: false,
            rotateAngle: 45,
            itemCount: 5,
            boundaryGap: "center",
            splitNumber: 5,
            gridColor: "#FFFFFF",
            gridType: "solid",
            dashLength: 4,
            gridEval: 1,
            scrollShow: false,
            scrollAlign: "right",
            scrollColor: "#FFFFFF",
            scrollBackgroundColor: "#FFFFFF",
            title: "",
            titleFontSize: 13,
            titleOffsetY: 0,
            titleOffsetX: 0,
            titleFontColor: "#333333",
            formatter: "",
          },
          yAxis: {
            gridType: "dash",
            dashLength: 2,
            disabled: false,
            disableGrid: false,
            splitNumber: 5,
            gridColor: "#CCCCCC",
            padding: 10,
            showTitle: false,
            data: []
          },
          extra: {
            line: {
              type: "straight",
              width: 2,
              activeType: "hollow",
              linearType: "none",
              onShadow: false,
              animation: "vertical"
            },
            tooltip: {
              showBox: false,
              showArrow: false,
              showCategory: false,
              borderWidth: 0,
              borderRadius: 0,
              borderColor: "#666666",
              borderOpacity: 0.7,
              bgColor: "#FFFFFF",
              bgOpacity: 0.7,
              gridType: "solid",
              dashLength: 4,
              gridColor: "#666666",
              boxPadding: 3,
              fontSize: 13,
              lineHeight: 20,
              fontColor: "#333333",
              legendShow: false,
              legendShape: "auto",
              splitLine: true,
              horizentalLine: false,
              xAxisLabel: false,
              yAxisLabel: false,
              labelBgColor: "#FFFFFF",
              labelBgOpacity: 0.7,
              labelFontColor: "#666666"
            },
            markLine: {
              type: "solid",
              dashLength: 0,
              data: []
            },
            firmlist: [],
            url: ''
          }
        });
      },
      // endddddddddddd
      gettype() {
        this.$api.post(global.apiUrls.post65d4442b02f02).then(res => {
          if (res.data.code == 1) {
            this.typeList = res.data.data
            this.type_four = this.typeList[0].aid
          }
        })
      },
      choosetype(item) {
        this.type_four = item.aid
        this.getList()
      },
      searchType_one(type) {
        this.type_one = type
        this.getList()
      },
      getTj() {
        this.$api.post(global.apiUrls.post65d859f0d555e, {
          firmkind_id: this.type_one
        }).then(res => {
          if (res.data.code == 1) {
            this.zhang_num = res.data.data.zhang_num
            this.die_num = res.data.data.die_num
          }
        })
      },
      getList() {
        let urlss = ''
        let datas = ''
        if (this.type == 1) {
          this.getTj()
          this.$api.post(global.apiUrls.post6572cbfe4d3b5, {
            firmkind_id: this.type_one
          }).then(res => {
            if (res.data.code == 1) {
              this.dataList = res.data.data;
            }
          })
          return;
        }
        if (this.type == 2) { //厂商省统计
          this.$api.post(global.apiUrls.post65d9944975393, {
            firmkind_id: this.type_two
          }).then(res => {
            if (res.data.code == 1) {
              this.dataList = res.data.data
            }
          })
          return;
        }
        if (this.type == 3) { //对接厂家
          this.$api.post(global.apiUrls.post65d82f9077558).then(res => {
            if (res.data.code == 1) {
              this.dataList = res.data.data.list;
              this.heji = res.data.data.heji;
              this.create_time = res.data.data.create_time;
              this.title = res.data.data.title;
              this.city = res.data.data.city;
              this.url = res.data.data.url;
            }
          })
          return;
        }
        if (this.type == 4) {
          urlss = global.apiUrls.post65d43a975c834
          datas = {
            newscate_id: this.type_four //行情分析
          }
        }
        this.minixPagingListsApi = urlss;
        this.pageingListApiMethod = 'post';
        this.allowOnloadGetList = false;
        this.pagingListPostDataContent = datas
        this.listData = [];
        this.dataList = this.listData;
        this.pagingListToggle();
        console.log(this.dataList)
      },
      pagingListPostData() {
        return this.pagingListPostDataContent
      },
      //头部切换
      headSwitchFunc(type) {
        uni.setStorageSync('typess', type)
        this.type = type;
        // if (this.type == 4) {
        //   this.type_two = '2'
        // }
        // if (this.type == 2) {
        //   this.type_one = '1'
        // }
        this.getList()
      }
    }
  };
</script>
<style lang="scss" scoped>
  .charts {
    width: 600rpx;
    height: 500rpx;
  }

  .container-static {
    border-radius: 16rpx;
    padding: 24rpx;
    height: 700rpx;
  }

  .page {
    width: 100vw;
    overflow-x: hidden;
    min-height: calc(100vh - var(--window-bottom));
    background: rgba(248, 248, 250, 1);
    background-size: 100% auto;
    padding: 72rpx 0 120rpx 0;
    background-color: #eee;
  }

  .marketPage_fd0_3_c3 {
    background: url(image-path('95.png')) no-repeat;
    width: 219rpx;
    height: 108rpx;
    background-size: 100% 100%;
  }

  .marketPage_fd0_2_c2_c0_c1 {
    margin: 4rpx 0rpx 0rpx 0rpx;
    color: var(--benbenFontColor3);
    font-size: 34rpx;
    font-weight: 400;
    line-height: 32rpx;
  }

  .marketPage_fd0_2_c2_c0 {
    position: relative;
  }

  .marketPage_fd0_2_c2 {
    background: url(image-path('97.png')) no-repeat;
    width: 219rpx;
    height: 108rpx;
    background-size: 100% 100%;
    margin: 0rpx 0rpx 0rpx 26rpx;
  }

  .marketPage_fd0_1_c1_c0 {
    margin: 0rpx 0rpx 0rpx 16rpx;
  }

  .marketPage_fd0_1_c1 {
    background: url(image-path('101.png')) no-repeat;
    width: 219rpx;
    height: 108rpx;
    background-size: 100% 100%;
  }

  .marketPage_fd0_0_c2 {
    position: relative;
    width: 140rpx;
  }

  .marketPage_fd0_0_c1_c1 {
    margin: 4rpx 0rpx 0rpx 0rpx;
    color: #999999;
    font-size: 34rpx;
    font-weight: 400;
    line-height: 32rpx;
  }

  .marketPage_fd0_0_c1 {
    width: 140rpx;
  }

  .marketPage_fd0_0_c0_c0_c2_c0 {
    color: #FFFFFF;
    font-size: 20rpx;
    font-weight: 400;
    line-height: 20rpx;
  }

  .marketPage_fd0_0_c0_c0_c2 {
    background: url(image-path('69.png')) no-repeat;
    width: 81rpx;
    height: 30rpx;
    background-size: 100% auto;
    position: absolute;
    z-index: 1;
    top: -7rpx;
    right: -48rpx;
  }

  .marketPage_fd0_0_c0_c0_c1 {
    margin: 4rpx 0rpx 0rpx 0rpx;
    color: rgba(255, 255, 255, 1);
    font-size: 34rpx;
    font-weight: 400;
    line-height: 32rpx;
  }

  .marketPage_fd0_0_c0_c0_c0 {
    width: 44rpx;
    height: 44rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .marketPage_fd0_0_c0_c0 {
    margin: 0rpx 0rpx 0rpx 24rpx;
    position: relative;
  }

  .marketPage_fd0_0_c0 {
    background: url(image-path('97.png')) no-repeat;
    width: 219rpx;
    height: 108rpx;
    background-size: 100% auto;
  }

  .marketPage_fd0_0 {
    padding: 0rpx 13rpx 0rpx 0rpx;
  }

  .marketPage_flex_1 {
    background: rgba(255, 255, 255, 1);
    border-radius: 0rpx 0rpx 16rpx 16rpx;
    background-size: 100% auto;
  }

  .marketPage_fd1_2_c2_c2_c1 {
    color: rgba(219, 68, 59, 1);
    font-size: 28rpx;
    font-weight: 700;
    line-height: 32rpx;
  }

  .marketPage_fd1_2_c1_c3 {
    width: 24rpx;
    height: 24rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 0rpx 0rpx auto;
  }

  .marketPage_fd1_2_c1_c2_c1 {
    color: #50B6A2;
    font-size: 28rpx;
    font-weight: 700;
    line-height: 32rpx;
    text-align: center;
  }

  .marketPage_fd1_2_c1_c2_c0 {
    width: 24rpx;
    height: 24rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx auto;
  }

  .marketPage_fd1_2_c1_c2 {
    // margin: 0rpx 0rpx 0rpx 30rpx;
  }

  .marketPage_fd1_2_c1_c1 {
    color: #333333;
    font-size: 28rpx;
    font-weight: 700;
    line-height: 32rpx;
    // margin: 0rpx 0rpx 0rpx 48rpx;
  }

  .marketPage_fd1_2_c1_c0_c1 {
    margin: 10rpx 0rpx 0rpx 0rpx;
    color: #878787;
    font-size: 24rpx;
    font-weight: 400;
    line-height: 32rpx;
  }

  .marketPage_fd1_2_c1_c0_c0 {
    color: #333333;
    font-size: 28rpx;
    font-weight: 700;
    line-height: 32rpx;
  }

  .marketPage_fd1_2_c1 {
    border-top: 1px solid #eee;
    padding: 24rpx 0rpx 24rpx 0rpx;
  }

  .marketPage_fd1_2_c0_c1_c2 {
    // margin: 0rpx 43rpx 0rpx 0rpx;
    color: #666666;
    font-size: 28rpx;
    font-weight: 500;
    line-height: 32rpx;
  }

  .marketPage_fd1_2_c0_c1_c1 {
    // margin: 0rpx 44rpx 0rpx 0rpx;
    color: #666666;
    font-size: 28rpx;
    font-weight: 500;
    line-height: 32rpx;
  }

  .marketPage_fd1_2_c0_c1_c0 {
    // margin: 0rpx 22rpx 0rpx 0rpx;
    color: #666666;
    font-size: 28rpx;
    font-weight: 500;
    line-height: 32rpx;
  }

  .marketPage_fd1_2_c0_c0 {
    color: #666666;
    font-size: 28rpx;
    font-weight: 500;
    line-height: 32rpx;
  }

  .marketPage_fd1_2_c0 {
    padding: 0rpx 0rpx 20rpx 0rpx;
  }

  .marketPage_fd1_2 {
    margin: 24rpx 0rpx 0rpx 0rpx;
    padding: 0rpx 24rpx 0rpx 24rpx;
    max-height: 700rpx;
    overflow-y: scroll;
  }

  .marketPage_fd1_1_c0_c2 {
    width: 45rpx;
    height: 80rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 0rpx 0rpx 30rpx;
  }

  .marketPage_fd1_1_c0_c1_c1 {
    color: #999999;
    font-size: 28rpx;
    font-weight: 400;
    line-height: 42rpx;
    margin: 0rpx 0rpx 0rpx 8rpx;
  }

  .marketPage_fd1_1_c0_c1_c0 {
    color: #101010;
    font-size: 70rpx;
    font-weight: 700;
    line-height: 70rpx;
  }

  .marketPage_fd1_1_c0_c0 {
    width: 82rpx;
    height: 82rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 24rpx 0rpx 0rpx;
  }

  .marketPage_fd1_1_c0 {
    background: rgba(248, 248, 250, 1);
    border-radius: 12rpx;
    background-size: 100% auto;
    width: 309rpx;
    height: 180rpx;
  }

  .marketPage_fd1_1 {
    margin: 19rpx 24rpx 0rpx 24rpx;
  }

  .marketPage_linefd1_0_c0 {
    background: rgba(37, 104, 174, 1);
    width: 40rpx;
    height: 6rpx;
    top: 87rpx;
    background-size: 100% auto !important;
    border-radius: 3rpx;
  }

  .marketPage_rightfd1_0_c0_c0_c0 {
    width: 40rpx;
    height: 40rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .marketPage_rightfd1_0_c0_c0 {
    width: 100rpx;
  }

  .checkTitlefd1_0_c0 {
    font-weight: 700 !important;
    font-size: 32rpx !important;
    color: #2568AE !important;
    background-color: rgba(255, 255, 255, 1) !important;
  }

  ::v-deep .marketPage_benbenTabsfd1_0_c0 {
    background: #fff;
    width: 700rpx;
    height: 100rpx;
    white-space: nowrap;
    text-align: center;
    font-size: 32rpx;
    font-weight: 400;
    color: #666666;
  }

  .marketPage_flex_2 {
    background: rgba(255, 255, 255, 1);
    border-radius: 0rpx 0rpx 16rpx 16rpx;
    background-size: 100% auto;
  }

  .marketPage_fd2_6 {
    background: url(image-path('40.png')) no-repeat;
    background-size: 100% 100%;
    padding: 24rpx 24rpx 16rpx 28rpx;
    margin: 24rpx 16rpx 0rpx 16rpx;
  }

  .marketPage_fd2_4_c1 {
    background: linear-gradient(90deg, #FDECBF 0%, #FFD998 100%);
    border-radius: 8rpx;
    width: 160rpx;
    line-height: 64rpx;
    font-size: 28rpx;
    color: rgba(121, 76, 32, 1);
  }

  .marketPage_fd2_4_c0_c1_c1 {
    color: #FEE0A6;
    font-size: 24rpx;
    font-weight: 500;
    line-height: 34rpx;
  }

  .marketPage_fd2_4_c0_c1_c0 {
    width: 85rpx;
    height: 39rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 8rpx 0rpx 0rpx;
  }

  .marketPage_fd2_4_c0_c1 {
    margin: 18rpx 0rpx 0rpx 0rpx;
  }

  .marketPage_fd2_4_c0_c0 {
    width: 334rpx;
    height: 52rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .marketPage_fd2_4 {
    width: 710rpx;
    height: 186rpx;
    background: url(image-path('40.png')) no-repeat;
    background-size: 100% auto;
    padding: 24rpx 24rpx 35rpx 28rpx;
    margin: 24rpx 16rpx 0rpx 16rpx;
  }

  .marketPage_fd2_3_c1_c2_c2_c1 {
    color: rgba(219, 68, 59, 1);
    font-size: 28rpx;
    font-weight: 700;
    line-height: 32rpx;
  }

  .marketPage_fd2_3_c1_c0_c3 {
    width: 24rpx;
    height: 24rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 0rpx 0rpx auto;
  }

  .marketPage_fd2_3_c1_c0_c2_c1 {
    color: #50B6A2;
    font-size: 28rpx;
    font-weight: 700;
    line-height: 32rpx;
  }

  .marketPage_fd2_3_c1_c0_c2_c0 {
    width: 24rpx;
    height: 24rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 4rpx 0rpx 0rpx;
  }

  .marketPage_fd2_3_c1_c0_c2 {
    margin: 0rpx 0rpx 0rpx 30rpx;
  }

  .marketPage_fd2_3_c1_c0_c1 {
    color: #333333;
    font-size: 28rpx;
    font-weight: 700;
    line-height: 32rpx;
    // margin: 0rpx 0rpx 0rpx 48rpx;
  }

  .marketPage_fd2_3_c1_c0_c0_c1 {
    margin: 10rpx 0rpx 0rpx 0rpx;
    color: #878787;
    font-size: 24rpx;
    font-weight: 400;
    line-height: 32rpx;
  }

  .marketPage_fd2_3_c1_c0_c0_c0 {
    color: #333333;
    font-size: 28rpx;
    font-weight: 700;
    line-height: 32rpx;
  }

  .marketPage_fd2_3_c1_c0 {
    border-bottom: 1px solid #eee;
    padding: 24rpx 0rpx 24rpx 0rpx;
  }

  .marketPage_fd2_3_c0_c0 {
    color: #101010;
    font-size: 28rpx;
    font-weight: 700;
    line-height: 32rpx;
  }

  .marketPage_fd2_3_c0 {
    margin: 0rpx 49rpx 0rpx 0rpx;
  }

  .marketPage_fd2_3 {
    background: rgba(248, 248, 250, 1);
    margin: 26rpx 16rpx 0rpx 16rpx;
    border-radius: 16rpx;
    background-size: 100% auto;
    padding: 0rpx 8rpx 0rpx 16rpx;
  }

  .marketPage_fd2_2_c1_c0 {
    color: #666666;
    font-size: 28rpx;
    font-weight: 500;
    line-height: 32rpx;
    margin: 0rpx 0rpx 0rpx 43rpx;
  }

  .marketPage_fd2_2_c0_c1 {
    color: #666666;
    font-size: 28rpx;
    font-weight: 500;
    line-height: 32rpx;
  }

  .marketPage_fd2_2_c0_c0 {
    color: #666666;
    font-size: 28rpx;
    font-weight: 500;
    line-height: 32rpx;
    margin: 0rpx 80rpx 0rpx 24rpx;
  }

  .marketPage_fd2_2 {
    margin: 16rpx 16rpx 0rpx 16rpx;
  }

  .marketPage_linefd2_1_c0 {
    background: rgba(37, 104, 174, 1);
    width: 40rpx;
    height: 6rpx;
    top: 78rpx;
    background-size: 100% auto !important;
    border-radius: 3rpx;
  }

  .checkTitlefd2_1_c0 {
    font-weight: 700 !important;
    font-size: 32rpx !important;
    color: #2568AE !important;
    background-color: rgba(255, 255, 255, 1) !important;
  }

  ::v-deep .marketPage_benbenTabsfd2_1_c0 {
    background: #fff;
    width: 676rpx;
    height: 88rpx;
    white-space: nowrap;
    text-align: center;
    font-size: 32rpx;
    font-weight: 400;
    color: #666666;
  }

  .marketPage_fd2_0_c1 {
    width: 119rpx;
    height: 55rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .marketPage_fd2_0_c0 {
    color: #101010;
    font-size: 28rpx;
    font-weight: 400;
    line-height: 32rpx;
  }

  .marketPage_fd2_0 {
    background: rgba(241, 247, 253, 1);
    border-radius: 12rpx;
    background-size: 100% auto;
    padding: 12rpx 24rpx 12rpx 21rpx;
    margin: 32rpx 16rpx 0rpx 16rpx;
  }

  .marketPage_flex_3 {
    background: rgba(255, 255, 255, 1);
    border-radius: 0rpx 0rpx 16rpx 16rpx;
    background-size: 100% auto;
    padding: 32rpx 0rpx 17rpx 0rpx;
  }

  .marketPage_fd3_1_c1_c3_c1 {
    color: rgba(219, 68, 59, 1);
    font-size: 28rpx;
    font-weight: 700;
    line-height: 28rpx;
  }

  .marketPage_fd3_1_c0_c0 {
    color: #333333;
    font-size: 28rpx;
    font-weight: 700;
    line-height: 32rpx;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    width: 252rpx;
  }

  .marketPage_fd3_1_c0 {
    border-bottom: 1px solid #eee;
    padding: 20rpx 16rpx 20rpx 0rpx;
  }

  .marketPage_fd3_1 {
    padding: 0rpx 24rpx 0rpx 24rpx;
  }

  .marketPage_fd3_0_c3_c4 {
    width: 24rpx;
    height: 24rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .marketPage_fd3_0_c3_c3_c1 {
    color: #50B6A2;
    font-size: 28rpx;
    font-weight: 700;
    line-height: 28rpx;
  }

  .marketPage_fd3_0_c3_c3_c0 {
    width: 24rpx;
    height: 24rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 4rpx 0rpx 0rpx;
  }

  .marketPage_fd3_0_c3_c3 {
    width: 100rpx;
  }

  .marketPage_fd3_0_c3_c2 {
    color: #333333;
    font-size: 28rpx;
    font-weight: 700;
    line-height: 28rpx;
    text-align: center;
    width: 70rpx;
  }

  .marketPage_fd3_0_c3_c1 {
    color: #333333;
    font-size: 28rpx;
    font-weight: 700;
    line-height: 28rpx;
    width: 70rpx;
    text-align: center;
  }

  .marketPage_fd3_0_c3_c0 {
    color: #2568AE;
    font-size: 28rpx;
    font-weight: 700;
    line-height: 28rpx;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    width: 252rpx;
  }

  .marketPage_fd3_0_c3 {
    padding: 20rpx 16rpx 20rpx 0rpx;
  }

  .marketPage_fd3_0_c2_c2 {
    color: rgba(102, 102, 102, 1);
    font-size: 28rpx;
    font-weight: 700;
    line-height: 28rpx;
    text-align: center;
    width: 70rpx;
  }

  .marketPage_fd3_0_c2_c1 {
    color: rgba(102, 102, 102, 1);
    font-size: 28rpx;
    font-weight: 700;
    line-height: 28rpx;
    width: 70rpx;
    text-align: center;
  }

  .marketPage_fd3_0_c2_c0 {
    color: #666666;
    font-size: 28rpx;
    font-weight: 500;
    line-height: 28rpx;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    width: 252rpx;
  }

  .marketPage_fd3_0_c2 {
    margin: 26rpx 0rpx 0rpx 0rpx;
  }

  .marketPage_fd3_0_c1_c2 {
    width: 40rpx;
    height: 40rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 0rpx 0rpx auto;
  }

  .marketPage_fd3_0_c1_c0 {
    color: #999999;
    font-size: 24rpx;
    font-weight: 400;
    line-height: 32rpx;
  }

  .marketPage_fd3_0_c1 {
    margin: 16rpx 0rpx 0rpx 0rpx;
  }

  .marketPage_fd3_0_c0_c0 {
    color: #101010;
    font-size: 32rpx;
    font-weight: 700;
    line-height: 32rpx;
  }

  .marketPage_fd3_0 {
    margin: 0rpx 24rpx 0rpx 24rpx;
  }

  .marketPage_flex_4 {
    background: rgba(255, 255, 255, 1);
    border-radius: 0rpx 0rpx 16rpx 16rpx;
    background-size: 100% auto;
    padding: 24rpx 0rpx 0rpx 0rpx;
  }

  .marketPage_fd4_1_c0_c1_c1 {
    color: #ACACAC;
    font-size: 26rpx;
    font-weight: 400;
    line-height: 48rpx;
  }

  .marketPage_fd4_1_c0_c1_c0 {
    color: #ACACAC;
    font-size: 26rpx;
    font-weight: 400;
    line-height: 48rpx;
    margin: 0rpx 35rpx 0rpx 0rpx;
  }

  .marketPage_fd4_1_c0_c1 {
    margin: 24rpx 0rpx 0rpx 0rpx;
  }

  .marketPage_fd4_1_c0_c0_c1_c1_c1 {
    color: #2568AE;
    font-size: 32rpx;
    font-weight: 400;
    line-height: 48rpx;
  }

  .marketPage_fd4_1_c0_c0_c1_c1_c0 {
    color: rgba(135, 135, 135, 1);
    font-size: 32rpx;
    font-weight: 400;
    line-height: 48rpx;
    width: 300rpx;
    // -webkit-line-clamp: 1;
    // overflow: hidden;
    // text-overflow: ellipsis;
    // display: -webkit-box;
    // -webkit-box-orient: vertical;
  }

  .marketPage_fd4_1_c0_c0_c1_c1 {
    margin: 18rpx 0rpx 0rpx 0rpx;
  }

  .marketPage_fd4_1_c0_c0_c1_c0_c1 {
    color: #101010;
    font-size: 36rpx;
    font-weight: 500;
    line-height: 42rpx;
  }

  .marketPage_fd4_1_c0_c0_c1_c0_c0 {
    width: 60rpx;
    height: 30rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 12rpx 0rpx 0rpx;
  }

  .marketPage_fd4_1_c0_c0_c0_c1 {
    width: 180rpx;
    height: 180rpx;
    border-radius: 16rpx;
  }

  .marketPage_fd4_1_c0_c0_c0_c0 {
    min-width: 76rpx;
    height: 54rpx;
    position: absolute;
    z-index: 1;
    top: -20rpx;
    left: 0rpx;
    background: url(image-path('38.png')) no-repeat;
    background-size: 100% auto;
    font-size: 22rpx;
    text-align: center;
    line-height: 64rpx;
    color: #FFF;
  }

  .marketPage_fd4_1_c0_c0_c0 {
    margin: 0rpx 24rpx 0rpx 0rpx;
    position: relative;
  }

  .marketPage_fd4_1_c0 {
    border-bottom: 1px solid #eee;
    padding: 24rpx 0rpx 24rpx 0rpx;
  }

  .marketPage_fd4_1 {
    padding: 0rpx 24rpx 0rpx 24rpx;
  }

  .marketPage_linefd4_0_c0 {
    background: rgba(37, 104, 174, 1);
    width: 40rpx;
    height: 6rpx;
    top: 80rpx;
    background-size: 100% auto !important;
    border-radius: 3rpx;
  }

  .checkTitlefd4_0_c0 {
    font-weight: 700 !important;
    font-size: 30rpx !important;
    color: #2568AE !important;
    background-color: rgba(255, 255, 255, 1) !important;
  }

  ::v-deep .marketPage_benbenTabsfd4_0_c0 {
    background: #fff;
    width: 677rpx;
    height: 90rpx;
    white-space: nowrap;
    text-align: center;
    font-size: 30rpx;
    font-weight: 400;
    color: #999999;
  }

  .marketPage_flex_5 {
    background: rgba(255, 255, 255, 1);
    border-radius: 40rpx 40rpx 0rpx 0rpx;
    background-size: 100% auto;
  }

  .marketPage_fd5_0_c1_c0_c1 {
    color: #333333;
    margin: 16rpx 0rpx 0rpx 0rpx;
    font-size: 24rpx;
    font-weight: 400;
    line-height: 46rpx;
  }

  .marketPage_fd5_0_c1_c0_c0 {
    width: 80rpx;
    height: 80rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .marketPage_fd5_0_c1 {
    margin: 50rpx 0rpx 0rpx 0rpx;
  }

  .marketPage_fd5_0_c0_c2 {
    width: 40rpx;
    height: 40rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .marketPage_fd5_0_c0_c1_c1 {
    margin: 0rpx 20rpx 0rpx 20rpx;
    color: #333333;
    font-size: 32rpx;
    font-weight: 400;
    line-height: 46rpx;
  }

  .marketPage_fd5_0_c0_c1_c0 {
    width: 28rpx;
    height: 10rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .marketPage_fd5_0_c0_c0 {
    width: 40rpx;
    height: 40rpx;
  }

  .marketPage_fd5_0_c0 {
    padding: 0rpx 32rpx 0rpx 32rpx;
  }

  .marketPage_fd5_0 {
    padding: 40rpx 0rpx 56rpx 0rpx;
  }

  .marketPage_flex_6 {
    position: fixed;
    z-index: 100;
    bottom: calc(40% + var(--window-bottom));
    right: 30rpx;
  }

  .marketPage_fd6_0 {
    width: 80rpx;
    height: 80rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }
</style>
